/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2009-2019 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
@import "../base/library.less";
@import "../../../../../../Base/baseLib/sap_fiori_3/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/sap_fiori_3/base.less" */

@import "../../../../../sap/ui/core/themes/sap_fiori_3/global.less";

/* START "Overlay.less" */
/******************************************************************
	Style of the RTA Overlays - sap_fiori_3 Theme
*******************************************************************/
@_sap_ui_rta_Overlay_BaseBG : @sapBackgroundColor;		//#fafafa
@_sap_ui_rta_Overlay_BaseColor : @sapPrimary1;			//#3f5161
@_sap_ui_rta_Overlay_Base_PlaceholderBG : lighten(saturate(@sapPrimary4, 15%), 2%);	//#f1f5f6

.sapUiRta {
	.sapUiDtOverlayDropZone {
		> .sapUiDtOverlayChildren {
			> .sapUiDtOverlayMovable {
				background: inherit;
			}

			> .sapUiRtaOverlayPlaceholder {
				background: @_sap_ui_rta_Overlay_Base_PlaceholderBG !important;
				// all descendants
				* {
					background: @_sap_ui_rta_Overlay_Base_PlaceholderBG;
				}
			}
		}
	}
}
/* END "Overlay.less" */

/* START "ContextMenu.less" */
/******************************************************************
	Style of the RTA Contextmenu - sap_fiori_3 Theme
*******************************************************************/
@_sap_ui_rta_ContextMenu_Border_LightColor : @sapUiWhite;  //#fff
@_sap_ui_rta_ContextMenu_Border_DarkColor : @sapPrimary1;  //#354a5f
@_sap_ui_dt_ContextMenu_BoxShadow : 0 10px 20px fade(black, 19), 0 6px 6px fade(black, 23), 0px 0px 0px 1px fade(white, 20), 0px 1px 0px 0 fade(white, 20);
@_sap_ui_dt_ContextMenu_FocusColor : @sapContent_FocusColor;  //#000

.sapUiRtaMode {

	&.sapUiSizeCompact{
		.sapUiDtContextMenu{
			.sapMBtnInner.sapMBtnText .sapMBtnIcon{
				padding-left: 0px;
			}
		}
	}

	.sapUiDtContextMenu{

		&.sapMPopover, .sapMPopover {
			border: 2px solid @_sap_ui_rta_ContextMenu_Border_LightColor;
			border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 6px) 4;
			box-shadow: @_sap_ui_dt_ContextMenu_BoxShadow;
		}

		&.sapMPopoverArr, .sapMPopoverArr {
			width: 2rem;
			height: 2rem;
			bottom: -32px;
			left:	5px!important;
			&:after {
				box-shadow: 0.375rem -0.375rem 0.75rem 0 fade(black,30), 0px 0px 0px 1px fade(white,20);
				border: 2px solid @_sap_ui_rta_ContextMenu_Border_LightColor;
				border-image: repeating-linear-gradient( -50deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 5px) 4;
				width: 1rem;
				height: 1rem;
				margin: -0.65rem 0 0 0.35rem;
			}
			&.sapMPopoverArrUp {
				height:	1rem;
				top: -16px;
				&:after {
					box-shadow: -0.375rem 0.375rem 0.75rem 0 fade(black,30), 0px 0px 0px 1px fade(white,20);
					margin: 0.35rem 0 0 0.35rem;
				}
			}
		}

		&.sapUiSizeCompact .sapMBtnIcon{
			margin-left: 0.4375rem;
			margin-right: 0.4375rem;
		}
	}
}

html.sap-desktop .sapUiDtContextMenu .sapMBtn:focus:not(:hover) > .sapMFocusable,
html.sap-desktop .sapUiDtContextMenu.sapMBtn:focus:not(:hover) > .sapMFocusable {
	outline: none;
	border: 1px dotted;
}

html.sap-desktop .sapUiDtContextMenu .sapMBtn:focus > .sapMFocusable,
html.sap-desktop .sapUiDtContextMenu.sapMBtn:focus > .sapMFocusable {
	border: 1px solid;
	outline: 1px dotted @_sap_ui_dt_ContextMenu_FocusColor;
	outline-offset: 1px;
}

.sapUiRtaMode.sapUiSizeCozy {
	.sapUiDtContextMenu{
		.sapMBtn{
			margin-left: 1px;
			margin-right: 1px;
		}
	}
}
/* END "ContextMenu.less" */

/* START "Dialogs.less" */
/******************************************************************
	Style of Dialogs shown in RTA - sap_fiori_3 Theme
*******************************************************************/
@_sap_ui_rta_Border_LightColor : @sapUiWhite;  //#fff
@_sap_ui_rta_Border_DarkColor : @sapPrimary1;  //#354a5f

.sapMDialog.sapUiRTABorder,
.sapUiRtaMode .sapMMessageToast {
	border: 3px solid @_sap_ui_rta_Border_LightColor;
	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Border_DarkColor, @_sap_ui_rta_Border_DarkColor 5px, @_sap_ui_rta_Border_LightColor 5px, @_sap_ui_rta_Border_LightColor 10px) 4;
}
/* END "Dialogs.less" */

/* START "FieldRepository.less" */
/******************************************************************
	Style of the RTA FieldRepository  - sap_fiori_3 Theme
*******************************************************************/
@sap_ui_rta_FieldRepository_ListSelect: darken(@sapList_Active_TextColor, 10%); //#e6e6e6
@sap_ui_rta_FieldRepository_ListHoverText: @sapPrimary6; // #32363a
@sap_ui_rta_FieldRepository_ListHoverBG: @sapUiListSelectionHoverBackground; // #dde8f1
@sap_ui_rta_FieldRepository_ButtonEmphasizedBG: @sapUiButtonEmphasizedBackground; // #0a6ed1
@sap_ui_rta_FieldRepository_ButtonEmphasizedText: @sapUiButtonEmphasizedTextColor; // #ffffff
@sap_ui_rta_FieldRepository_ButtonEmphasizedHoverBG: @sapUiButtonHoverBackground; // #ebf5fe
@sap_ui_rta_FieldRepository_FocusColor: @sapContent_FocusColor; // #000000

.sapUiRtaMode {

	.sapUIRtaFieldRepositoryDialog {
		.sapMBtn {
			.sapMBtnEmphasized {
				background-color: @sap_ui_rta_FieldRepository_ButtonEmphasizedBG;
				border-color:     @sap_ui_rta_FieldRepository_ButtonEmphasizedBG;
				color:            @sap_ui_rta_FieldRepository_ButtonEmphasizedText;
			}
			&:hover{
				.sapMBtnInner {
					border: 1px solid @sap_ui_rta_FieldRepository_ButtonEmphasizedBG;
					background: @sap_ui_rta_FieldRepository_ButtonEmphasizedHoverBG;
				}
			}
			> .sapMBtnInner {
				border: 1px solid @sap_ui_rta_FieldRepository_ButtonEmphasizedText;
			}
		}
		.sapMLIBHoverable {
			&:hover {
				background: @sap_ui_rta_FieldRepository_ListSelect;
				color: @sap_ui_rta_FieldRepository_ListHoverText;
			}
			&.sapMLIBSelected:hover {
				background: @sap_ui_rta_FieldRepository_ListHoverBG;
				color: @sap_ui_rta_FieldRepository_ListHoverText;
			}
		}
		.sapMLIB.sapMLIBSelected {
			border-color: transparent;
		}
	}
}

html.sap-desktop .sapUiRtaMode .sapMBtn:focus {
	> .sapMBtnEmphasized.sapMFocusable {
		outline-color: @sap_ui_rta_FieldRepository_FocusColor;
	}
	> .sapMFocusable {
		outline: 0.0625rem dotted @sap_ui_rta_FieldRepository_FocusColor;
		outline-offset: -0.0625rem;
	}
}
/* END "FieldRepository.less" */

/* START "Toolbar.personalization.less" */
/******************************************************************
	Style of the Personalization Toolbar - sap_fiori_3 Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Personalization_BaseColor: darken(saturate(@sapPrimary1, 5), 9); // #2a3a48
/* END "Toolbar.personalization.less" */

/* START "Toolbar.standalone.less" */
/******************************************************************
	Style of the RTA Standalone Toolbar - sap_fiori_3 Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Standalone_BaseColor : @sapPrimary1;	//#3f5161;

/* END "Toolbar.standalone.less" */

/* START "Toolbar.adaptation.less" */
/******************************************************************
	Style of the RTA Toolbar (type: adaptation) - sap_fiori_3 Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Adaptation_BaseColor : @sapPrimary1;	//#3f5161;
@_sap_ui_rta_Toolbar_Adaptation_TextColor : @sapUiWhite;	// #fff

.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
	border: 2px solid @_sap_ui_rta_Toolbar_Adaptation_TextColor;
	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Toolbar_Adaptation_BaseColor, @_sap_ui_rta_Toolbar_Adaptation_BaseColor 4px, @_sap_ui_rta_Toolbar_Adaptation_TextColor 4px, @_sap_ui_rta_Toolbar_Adaptation_TextColor 6px) 4;
	box-shadow: 0 10px 20px fade(black, 19), 0 6px 6px fade(black, 23), 0px 0px 0px 1px fade(white, 20), 0px 1px 0px 0 fade(white, 20);

	.sapMHBox.sapMFlexBox:last-child .sapMFlexItem:first-child .sapMTB {
		height: 40px;
	}

	.sapMFlexBox {
		height: 40px;
	}
}
/* END "Toolbar.adaptation.less" */

/* START "Toolbar.base.less" */
/******************************************************************
	Style of the RTA Toolbar (all types) - sap_fiori_3 Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Base_SegBBtnHoverBG : lighten(saturate(@sapPrimary2, 40%), 42%);	//#CAE4FB
@_sap_ui_rta_Toolbar_Base_TextColor : @sapUiWhite;										// #fff
@_sap_ui_rta_Toolbar_Base_BaseColor : @sapPrimary1;										//#3f5161;
@_sap_ui_rta_Toolbar_Base_BtnHover : fade(lighten(@sapPrimary1, 18%), 50%);				//rgba(99, 127, 153, 0.5)

.sapUiRtaToolbar {
	height: 44px;
	background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
	.sapMBtn {
		&.sapMBtnDisabled .sapMBtnInner{
			opacity: 1.0;
		}
		&:hover > .sapMBtnTransparent.sapMBtnHoverable{
			background-color: @_sap_ui_rta_Toolbar_Base_BtnHover;
			border-color: @_sap_ui_rta_Toolbar_Base_BtnHover;
		}
	}

	.sapMSegBBtn.sapMSegBBtnFocusable {
		&:hover .sapMSegBBtnInner,
		&.sapMSegBBtnSel:hover .sapMSegBBtnInner {
			background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
		}
	}
}

html.sap-desktop .sapUiRtaToolbar .sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner,
html.sap-desktop .sapUiRtaToolbar .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
	background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
}

html.sap-desktop .sapUiRtaToolbar .sapMSegBBtnFocusable.sapMSegBBtnSel:focus .sapMSegBBtnInner {
	outline-offset: -1px;
}

.sapUiSizeCozy .sapUiRtaToolbar .sapMSegB .sapMSegBBtn .sapMSegBBtnInner {
	line-height: 2rem;
}
/* END "Toolbar.base.less" */
